/**
 * @file index.css
 * @author swan
 */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    /* padding: 200rpx 0; */
    box-sizing: border-box;
    height: 100%;
}

.logo {
    width: 375rpx;
    height: 60rpx;
    background-image: url("../../images/smartapp.png");
    background-size: 375rpx;
}

.userinfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 380rpx;
    width: 100%;
}

.userinfo-login-btn {
    font-size: 11px;
}

.userinfo-message {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40%;
}

.userinfo-avatar {
    margin: 20rpx;
    border-radius: 50%;
    width: 88rpx;
    height: 88rpx;
}

.userinfo-nickname {
    display: block;
    color: #aaa;
    width: 150rpx;
}


.fl{
    float: left
}


.container{ 
  /* width: 100%;  */
  /* height: 100%;  */
  background: #f6f6f6;
}
.slide-image {
  width: 100%;
  height: 450rpx;
}
.bus-bg{
  width: 100%;
   /* height: 180rpx;  */
  background: white;
  padding-bottom: 10rpx;
}
.bus{
  width: 100%;
  margin: 0px auto;
  padding-top:10px; 
  display: flex;
  justify-content:left;
  flex-wrap: wrap;
  
}
.bus-item{
  width: 25%;
  height: 150rpx;
  text-align: center;
}
.bus-item image{
  width: 40px;
  height: 40px;
  display: block;
  margin: 5px auto;
}
.bus-item text{ 
  font-size:13px;
  color:#333;
  /* overflow:hidden; */
  height:35rpx;
  
  display:block;
  /* margin-top:8px; */

}
.bus2{
  width: 95%;
  justify-content: center;
}
.bus-item2{
  width: 50%;
  height: 135rpx;
  text-align: center;
 
}
.bus-item2 image{
  width: 90%;
  height: 120rpx;
  display: block;
  margin: 0 auto;
}
.bus3{
  width: 100%;
  justify-content: space-between;
   /* background: #f2f2f2;  */
  padding-top: 0px;
}
.bus-item3{
  width: 32%;
  height: 175px;
  margin-top: 13rpx;
  border: 1px solid #f2f2f2;
 }
.bus-item3 image{
  height: 175px;
  display: block;
  margin: 0 auto;
}
.notice{
  width: 100%;
  height: 60rpx;
  border-top:1px solid #f3f3f3;
  background: white;
  display: flex;
  align-content: center;
}
.notice .sound{
  margin: 10rpx 5px 0 5px;
}
.notice-text{ margin: 10rpx 0 0 5px}
.notice image{
  width: 17px;
  height: 17px;
}
.notice text{
  font-size: 13px;
  color: #6e6e6e;
  margin-top:0px;
  
}

.service{
  /* width: 100%; */
  margin-top: 15rpx;
  background: white;
}

.title{
  height: 65rpx;
  line-height: 65rpx;
  background: white;
  border-left: 5px solid #2d7dee;
  font-size: 14px;
  border-bottom:1px solid #f3f3f3;
  text-indent: 10px;
  display: flex;
  justify-content:space-between;
}
  
.title3{
  height: 65rpx;
  line-height: 65rpx;
  background: white;
  font-size: 14px;
  border-bottom:1px dotted #eeeeee;
  
  display: flex;
  justify-content:space-between;
}
.title3_left{
  display: flex;
  height: 65rpx;
  line-height: 65rpx;
}
.title3_left_border{
  border-left: 4px solid #2d7dee;
  height: 33rpx;
  margin-top: 17rpx;
  margin-left: 20rpx;
}
.title3_name{
  text-align: left;
  text-indent: 15rpx;
  color: #666666;
}
.more{
  margin-right:8px;
  color: #999;
  font-size: 12px;

}

.news-title{

  height: 65rpx;
  line-height: 65rpx;
  background: white;
  font-size: 14px;
  border-bottom:1px solid #f3f3f3;
  text-indent: 10px;
  display: flex;
  justify-content:space-between;
  /* padding: 0 15rpx; */

}




.service-div{
  
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.service-item{
  width:46%;
  margin:5px;
  text-align: center;
}
.service-item{
  width:46%;
  margin:5px;
  text-align: center;
}
.service-item image{
  width: 100%;
  height: 105px;
}

.service-item-text{
  font-size: 13px;
  text-align: center;
  color:#6e6e6e;
  line-height: 30rpx;
  
}

.news{
  background: white;
  width: 100%;
  margin-top: 15rpx;
  
}
.news-div{
  width: 95%;
  margin: 10rpx auto;
  padding-bottom: 5rpx;
}

.news-item{
  width: 100%;
  /* display: flex; */
  flex-direction: row;
   /* justify-content: space-between;  */
   margin-bottom: 25rpx;
}
.news-item-img{
  width: 35%;
  height: 150rpx;

}
.news-item-img image{
  width: 100%;
  height: 150rpx;
}
.news-item-content{
  line-height: 40rpx;
  width: 70%;
  margin-left: 30rpx;
  margin-top: 0rpx;
}
.news-item-title text{
  color: #666;
  font-size: 14px;
}
.news-item-other{
  margin-top: 20rpx;
  color: #999;
  font-size: 14px;
}
swiper navigator{
  display: inline
}
.hide{
  display: none;
}

.news-item-content1{
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  width: 100%;
  color:#6e6e6e;

}

.news-item-title1{
  width: 100%;
   text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-item-other1{
  width: 15%;
  text-align: right;
}

.ad { width: 100%;display: flex;}
.ad1{ display: flex;width: 100%; justify-content: center;}
.ad1 view{ width: 50%;}
.ad1 image{ width: 100%;}

.ad image,.ad1 image{ float: left;}
.title_line{
  border-top:1px solid #cccccc;
  width: 34%;
  margin-top: 30rpx;
}
.title_line2{
  width: 12%;
}
.entitle{
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: normal;
  height: 60rpx;
  line-height: 60rpx;
  width: 95%;
  margin: 0 auto;
}
.center_title{
    width: 31%;
    text-align: center;
}

.entitle2{
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: normal;
  height: 60rpx;
  line-height: 60rpx;
  width: 95%;
  margin: 0 auto;
}
.title_line2{
  width: 30rpx;
  border-top:3px solid #cccccc;
  margin-top: 28rpx;
}
.center_title2{
  margin: 0 25rpx;
}
.pad10{
  padding-bottom:10rpx;
}
.mb10{
  margin-bottom:10rpx;
}
.image-item{
  width: 96%;
  margin: 0rpx auto;
  text-align: center;
  padding-bottom: 10rpx;
  position:relative;
  height: 400rpx;
}
.image-item image{
   height: 400rpx;
   border-radius: 4rpx;
}
.image-position{
  width: 100%;
  position:absolute;
  top:340rpx;
  height: 60rpx;
  line-height: 60rpx;
}
.image-item-bg{
  background: #333;
  opacity: 0.4;
  z-index: 2;
}

.image-item-text{
  color: white;
  font-size: 16px;
  z-index:6;
  text-align: center;

}
.w100{
  width: 100%;
}
/*视频列表  */
.image-item video{ width: 100%;  height: 400rpx;}
.video-item image{ height:400rpx;}
.video-item{
  height: 400rpx;
}
.video-item .image-position{
  top:0px;
  height: 400rpx;
}
.video_text{
  width: 100%;
  height: 20px;
  margin-top:350rpx;
  font-size: 14px;
}
.playimg_div{
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 400rpx;
  top:0px;
}
.playimg_div image{
  width: 80rpx;
  height: 80rpx;
  margin-top:160rpx;
}
.swiper image{
  height: 100%;
}
image{
  width: 100%;
 
}
.mt15{
  margin-top: -15rpx;
}
.mt0{
  margin-top:0rpx;
}

.scroll_view{
  width: 100%;
  white-space: nowrap; 
}
.service-item2{
  display:inline-block;

}


.service-item image{
  width: 100%;
  height: 210rpx;
}

.search_div{
  width: 100%;
  height: 80rpx;
}
.search{
  width: 95%;
   margin: 0 auto;
   background: white;
}
.search_input{
  color: #333;
 
  font-size: 14px;
  height: 60rpx;
  line-height: 60rpx;
  border-radius: 5px;
}
.ptext{
   font-size: 14px;
  color:#ccc;

}

/*表单样式  */
.form_div{
  width: 100%;
  /* height:360px; */
}
.form_div view{
  width: 92%;
  margin: 25rpx auto;
  height: 80rpx;
  line-height: 80rpx;
  background: #f8f8f8;
}
.pclass{
  color: #808080;
  
}
.form_div view input{
  height: 80rpx;
  line-height: 80rpx;
  margin-left: 15rpx;
  font-size: 14px;
  color:#333;
}
.radio_div{
  width: 92%;
  margin: 25rpx auto;
  background: #f8f8f8;
  
}
.radio-group{
  display: flex;
  font-size: 14px;
  color: #808080;
  padding: 20rpx 15rpx;
  justify-content: space-between;
  flex-wrap: wrap;
}
.radio{
  margin-right: 20rpx;
  margin-top: 5rpx;
  text-align: left;
  width: 42%;
}

.textarea_div{
  width: 92%;
  margin: 15rpx auto;
  background: #f8f8f8;
  padding-top: 10rpx;
  text-indent: 15rpx;
}
.textarea_div textarea{
  font-size: 14px;
  width: 100%;
  height: 150rpx;
  
}

.fb-btn{
  width: 200rpx;
  color: white;
  border-radius: 0px;
  margin-top: 25rpx;
  
}

.diy_nav{
  width: 100%;
}

.txvideo{
  display: block;
  width: 100%;
  height: 200px;
  z-index: 99;
}

.bus-itemdiy image{
  width: 65px;
  height: 65px;
}
.bus4{
  padding-top:0px;
}
swan-swiper{margin:0px;padding: 0px;}
swan-swiper-item {margin:0px;padding: 0px;  }
swan-swiper image{margin:0px;padding: 0px; }

.pad-ten{
    padding:0 10px;
}

.pad-fifteen{
    padding:0 15px;
}

.mar-ttwenty{
    margin-top: 20px;
}

.news-item-title{
    text-overflow:ellipsis;
   white-space:nowrap;
   overflow:hidden;
   word-wrap:normal;
}

.default-news-list .news-div .news-item-content {
    width: 60%
}


/* 模板2 */

.fixclear{
   clear:both;
}
.machinery .images-block{
    background-color: #eeeeee;
    margin-bottom: 10px;
}
.machinery .yspd{
    width:48%;
    height: 140px;
    float:left;
    text-align:center;
    margin-right: 1%;
    margin-left: 1%;
    /* margin-bottom: 2%; */
    margin-top: 2%;
}
.machinery .yspd image{
    width:100%;
    max-height: 100%;
  
    
}
 .machinery .h2, .machinery .h3{
    margin-top: 20px;
    margin-bottom: 10px;
}
.baise{
     background-color: #fff 
}
.huise{
     background-color: #eeeeee;
}

.pten{
    padding-top:10px!important;
}
 .sxp_portal1{
     margin-bottom: 10px;
   
}
 .sxp_portal1 .portal_block_summary{

    padding-top: 20px;
}

 .sxp_portal1 .h3 {
    font-size: 25px;
    color: #CCCCCC;
    text-align: center;
    font-weight: 600;
    line-height: 30px;

}

.sxp_portal1 .h2 {
    font-size: 20px;
    color: #333333;
    text-align: center;
    font-weight: 400;
    line-height: 40px;
}

.sxp_portal1 .txtcool {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.p-list .p-item {
    
    margin-bottom: 17px;
}
.p-list .p-item image {
   height: 110px;
   width: 100%;
}
.p-item-wrap{
padding: 0 5px;
}
.p-item-wrap .titles {
    margin: 0;
    padding: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    max-height: 40px;

}
.p-item-wrap .titles{
    width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
}
.machinery .news-div{
    margin-left:0px;
   margin-right:0px;
   width: 100%;
}
.machinery  .news-item-content{
    width: 100%;
    margin-left: 2vw;

}
.machinery  .news-item-content .news-item-title{
    width: 70%;
    float:left;
}
.machinery  .news-item-content .news-item-other{
    /* width: 25%; */
    float:right;
    margin-top: 0px

}

.machinery.anli .p-list .p-item-wrap swan-nav{
    height:110px;
   overflow:hidden;
}
.machinery.anli .p-list .p-item swan-image{
    height: 225px
}



/* //模板三 */



.maijialuntan.anli .p-list .p-item-wrap swan-nav{
    height:110px;
   overflow:hidden;
}
.maijialuntan.anli .p-list .p-item swan-image{
    height: 225px
}
.maijialuntan .sxp_portal1{
    /* padding-bottom:20px */
}

.maijialuntan .p-item{
    padding: 0 5px;
    box-sizing:border-box;
     
}
.maijialuntan .p-item-wrap{
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #FFFFFF;
   

}
.maijialuntan .images-block{
    margin-bottom: 10px;
    margin-top: 20px;
}
.maijialuntan .yspd{
    max-width:100%;
    height: 140px;
    text-align:center;
    margin-bottom: 2px;
    padding-right:2px; 
    box-sizing:border-box;
}
.maijialuntan .yspd image{
    max-width:100%;
    max-height: 100%;
  
    
}

.maijialuntan .news-index-1{
    padding-top:10px;
    padding-right: 15px;
    padding-left: 15px;
    
}

.maijialuntan .news-item-content{
    margin-left: 0vw;
    min-height: 5vw
}

.maijialuntan .news-title .cat-title{
    font-size: 18px
}
.maijialuntan .news-div{
    margin-left:0px;
   margin-right:0px;
   width: 100%;
}
.maijialuntan  .news-item-content{
    width: 100%;
    margin-left: 2vw;

}
.maijialuntan  .news-item-content .news-item-title{
    width: 70%;
    float:left;
}
.maijialuntan  .news-item-content .news-item-other{
    /* width: 25%; */
    float:right;
    margin-top: 0px

}
.maijialuntan .top-news {
    margin-bottom: 10px;
    margin-top: 15px;
    width: 100%;
}
.maijialuntan .top-news .top-news-image{
    height: 110px;
}

.maijialuntan .top-news .p-item-wrap{
    border: 1px solid #eeeeee;
}

.maijialuntan .top-news .p-item-wrap .titles{   
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}